
<!DOCTYPE HTML>
<html ng-app="MainModule">
<head>
<title>Contact </title>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
    <link href="css/slider.css" rel="stylesheet" type="text/css" media="all"/>
    <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="js/move-top.js"></script>
    <script type="text/javascript" src="js/easing.js"></script>
    <script type="text/javascript" src="js/startstop-slider.js"></script>
    <style>
        .advertising{
            position: relative;
            top:25px;
            left: 140px;
            height: 130px;
            width: 750px;
            overflow: hidden;
        }
        .advertising_middle{
            position: relative;
            left:200px;
        }
    </style>
</head>
<body ng-controller="AdminCtrl">
  <div class="wrap">
	<div class="header">
		<div class="headertop_desc">
			<div class="call">
				 <p><span>Need help?</span> call us <span class="number">{{OtherInfo[0].Telephone}}</span></span></p>
			</div>

			<div class="clear"></div>
		</div>
        <div class="header_top">
            <div class="logo">
                <a href="index.html"><img src="images/logo.png" alt="" /></a>
            </div>
            <div class="advertising">

            </div>


			  <script type="text/javascript">
			function DropDown(el) {
				this.dd = el;
				this.initEvents();
			}
			DropDown.prototype = {
				initEvents : function() {
					var obj = this;

					obj.dd.on('click', function(event){
						$(this).toggleClass('active');
						event.stopPropagation();
					});	
				}
			}

			$(function() {

				var dd = new DropDown( $('#dd') );

				$(document).click(function() {
					// all dropdowns
					$('.wrapper-dropdown-2').removeClass('active');
				});

			});

		</script>
	 <div class="clear"></div>
  </div>
	<div class="header_bottom">
        <div class="menu">
            <ul>
                <li><a href="index.html">Home</a></li>
                <li><a href="Products.html">Products</a></li>
                <li><a href="about.html">About</a></li>
                <li><a href="news.html">News</a></li>
                <li class="active"><a href="contact.html">Contact</a></li>
                <div class="clear"></div>
            </ul>
        </div>

	     	<div class="clear"></div>
	     </div>	     	
   </div>
 <div class="main">
    <div class="content">
    	<div class="section group">
				<div class="col span_2_of_3">
				  <div class="contact-form">
				  	<h2>Contact Us</h2>
					    <form method="post" action="">
					    	<div>
						    	<span><label>Name</label></span>
						    	<span><input ng-model="userName" type="text" class="textbox" ></span>
						    </div>
						    <div>
						    	<span><label>E-mail</label></span>
						    	<span><input ng-model="userEmail" type="text" class="textbox"></span>
						    </div>
						    <div>
						     	<span><label>Company Name</label></span>
						    	<span><input ng-model="userCompany" type="text" class="textbox"></span>
						    </div>
						    <div>
						    	<span><label>Subject</label></span>
						    	<span><textarea ng-model="userMsg"> </textarea></span>
						    </div>
						   <div>
						   		<span><input type="button" ng-click="AddContactInfo(userName,userEmail,userCompany,userMsg)" value="Submit"  class="btn btn-success"></span>
						  </div>
					    </form>
				  </div>
  				</div>
				<div class="col span_1_of_3">

      			<div class="company_address">
				     	<h3>Company Information :</h3>
						    	<p>500 Lorem Ipsum Dolor Sit,</p>
						   		<p>22-56-2-9 Sit Amet, Lorem,</p>
						   		<p>USA</p>
				   		<p>Phone:(00) 222 666 444</p>
				   		<p>Fax: (000) 000 00 00 0</p>
				 	 	<p>Email: <span>info@mycompany.com</span></p>
				   		<p>Follow on: <span>Facebook</span>, <span>Twitter</span></p>
				   </div>
				 </div>
			  </div>		
         </div> 
    </div>
      <div class="advertising_middle">
      </div>
 </div>
  <div class="footer">
      <div class="wrap">
          <div class="section group">
              <div class="col_1_of_4 span_1_of_4">
                  <h4>Products</h4>
                  <ul>
                      <li><a href="Products.html">Products</a></li>
                      <li><a href="Products.html">Top products</a></li>
                  </ul>
              </div>
              <div class="col_1_of_4 span_1_of_4">
                  <h4>Information</h4>
                  <ul>
                      <li><a href="about.html">About Us</a></li>
                      <li><a href="contact.html">Contacts</a></li>
                      <li><a href="contact.html">Support</a></li>
                  </ul>
              </div>
              <div class="col_1_of_4 span_1_of_4">
                  <h4>News</h4>
                  <ul>
                      <li><a href="news.html">Top news</a></li>
                      <li><a href="news.html">News</a></li>
                  </ul>
              </div>
              <div class="col_1_of_4 span_1_of_4">
                  <h4>Contact</h4>
                  <ul>
                      <li><span>{{OtherInfo[0].Telephone}}</span></li>
                  </ul>
                  <div class="social-icons">
                      <h4>Follow Us</h4>
                      <ul>
                          <li><a href="#" target="_blank"><img src="images/facebook.png" alt="" /></a></li>
                          <li><a href="#" target="_blank"><img src="images/twitter.png" alt="" /></a></li>
                          <li><a href="#" target="_blank"><img src="images/skype.png" alt="" /> </a></li>
                          <li><a href="#" target="_blank"> <img src="images/dribbble.png" alt="" /></a></li>
                          <li><a href="#" target="_blank"> <img src="images/linkedin.png" alt="" /></a></li>
                          <div class="clear"></div>
                      </ul>
                  </div>
              </div>
          </div>
      </div>
      <div class="copy_right">
          <p>Company Name © All rights Reseverd |</p>
      </div>
  </div>
  <script type="text/javascript" src="../js/jquery-2.1.3.min.js"></script>
  <script type="text/javascript" src="../js/angular.js"></script>
  <script type="text/javascript" src="../js/AngularControllers/AdminCtrl.js"></script>
  <script type="text/javascript" src="../js/angularModules/mainModule.js"></script>
</body>
</html>

